﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>江苏省环境监督执纪监管系统</title>
    <link rel="stylesheet" href="../baseStyle/css/shencai.min.css">
</head>

<body>
    <script src="../boot/login.boot.js"></script>
    <div class="container" id="app">

        <div id="headwrap" class="clearfix">


            <div class="head-left">
                <div class="head-right-item" style="overflow: hidden">
                    <img class="loginimg" src="../static/images/login/环保图标40x40.png" />
                </div>

                <div class="head-right-item head-title fc333">江苏省生态环境保护执法监督系统</div>
                <div class="head-right-item head-subtitle fc666">入口选择</div>
            </div>
            <div class="head-right">
                <div class="head-right-item">
                    <i class="fa fa-question-circle-o" style="font-size:16px;">&nbsp;<span>帮助</span></i>
                </div>
            </div>

        </div>

        <div id="mainwrap" class="sc-csd-login-bg clearfix" style="height: 496px;">
            <div class="sc-csd-register clearfix" style="height: 420px; margin-top: 25px; ">
                <div class="sc-csd-register-content">

                    <div class="sc-csd-register-type" style="margin-top:23px;margin-bottom:52px;">
                        <div class="sc-csd-register-type-box">
                            <img src="../baseStyle/images/login/环保局门户.png" />
                            <div class="sc-csd-register-type-box-header">
                                我是环保工作部门
                            </div>
                            <p>
                                环保监管信息填报/审核/报送<br/> 选择此方式
                            </p>
                            <button class="ivu-btn ivu-btn-ghost" @click="registerInside">
                            立即开始
                        </button>
                        </div>
                        <div class="sc-csd-register-type-box">
                            <img src="../baseStyle/images/login/纪检监察机关.png" />
                            <div class="sc-csd-register-type-box-header">
                                我是纪检监察机关
                            </div>
                            <p>
                                环保监察信息查看/执纪问责<br/>选择此方式
                            </p>
                            <button class="ivu-btn ivu-btn-ghost" @click="registerOutside">
                            立即开始
                        </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="footerwrap" class="clearfix">

        </div>
    </div>
    <script type="text/javascript">
        $(window).bind("load resize", function() {
            var outerWidth = $(window).width();
            var outerHeight = $(window).height();
            var minHeight = $("div.sc-csd-register").height() + 100;

            if (minHeight < outerHeight - 150) {
                $("#mainwrap").css({
                    'height': outerHeight - 150 + 'px'
                });
            }

            $("div.sc-csd-register").css({
                'margin-top': ((outerHeight - 150) / 2) - 225 + 'px'
                    //'margin-top': '25px',
                    //'margin-bottom': '50px',
                    //'height':'420px'
            });
        });

        var app = new Vue({
            el: '#app',
            data: {},
            methods: {
                registerInside: function() {
                    window.location.href = "./login.html";
                },
                registerOutside: function() {
                    window.location.href = "./login.html";
                }
            }
        });
    </script>
</body>

</html>